<!DOCTYPE html>
<html>
	<head>
		<!-- 声明文档使用的字符编码 -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<!-- 为移动设备添加 viewport -->
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!--强制Chromium内核作用于360浏览器、QQ浏览器等国产双核浏览器-->
		<meta name="renderer" content="webkit" />
		<!--强制Chromium内核，作用于其他双核浏览器-->
		<meta name="force-rendering" content="webkit" />
		<!--如果有安装 Google Chrome Frame 插件则强制为Chromium内核，否则强制本机支持的最高版本IE内核，作用于IE浏览器：-->
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

		<title>正道飞创</title>
		<meta name="keywords" content="正道飞创">
		<meta name="description" content="正道飞创">
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" href="css/zdfcm.css" />
		<script type="text/javascript" src="js/setFontSize.js"></script>
	</head>
	<body>
		<header class="header">
			<div class="fixedHeader textOverflow transiton3s">
				微信小程序
				<div class="muneBtn muneBtn2">
					<img src="img/menu.png" class="icon"/>
				</div>
			</div>
			<div class="navfull transiton3s" id="navfull">
				<div class="navclose" id="navclose"></div>
				<ul class="navList">
					<li class="item">
						<a href="index.html">
							<b>首页</b>
							<span>Home</span>
						</a>
					</li>
					<li class="item">
						<a href="app.html">
							<b>APP开发</b>
							<span>Applet</span>
						</a>
					</li>
					<li class="item active">
						<a href="xcx.html">
							<b>微信小程序</b>
							<span>WeGet</span>
						</a>
					</li>
					<li class="item">
						<a href="wechat.html">
							<b>微信公众号</b>
							<span>WeChat</span>
						</a>
					</li>
					<li class="item">
						<a href="case.html">
							<b>经典案例</b>
							<span>CASE</span>
						</a>
					</li>
					<li class="item">
						<a href="news.html">
							<b>行业资讯</b>
							<span>NEWS</span>
						</a>
					</li>
					<li class="item">
						<a href="about.html">
							<b>关于我们</b>
							<span>ABOUT</span>
						</a>
					</li>
				</ul>
				<div class="contact">
					<a href="tel:028-81475600" class="tel">028-8147 5600</a>
					<p class="tel2">产品经理直通：<a href="tel:15184335852">151-8433-5852</a></p>
					<div class="add"><span>成都市青羊区光华中心B座1205-1207室</br>（地铁四号线中坝站A口旁）</span></div>
				</div>
			</div>
		</header>
		<main>
			<section class="indexBanner whiteBg pat90">
				<img src="img/xcxbanner.jpg" class="banner" />
			</section>
			<section class="xcxMo1 pat36 overhidden">
				<div class="title animate">
					<h6 class="moduleTit">全新机遇 抢占风口</h6>
				</div>
				<div class="box animateBox animate-up container">
					<ul class="list flex">
						<li class="listItem flex">
							<div class="itembox">
								<img src="img/xcxicon1.png" class="icon" />
								<div class="name">流量红利</div>
								<p class="pro">共享微信十亿用户，让应用触手可及，打造微信全生态</p>
							</div>
						</li>
						<li class="listItem flex">
							<div class="itembox">
								<img src="img/xcxicon2.png" class="icon" />
								<div class="name">用完即走</div>
								<p class="pro">用户无需安装，用完即走，不占内存降低用户使用门槛</p>
							</div>		
						</li>
						<li class="listItem flex">
							<div class="itembox">
								<img src="img/xcxicon3.png" class="icon" />
								<div class="name">性能优异</div>
								<p class="pro">优秀的用户体验与性能，与原生APP无差异，同时跨平台适IOS/Android</p>
							</div>
						</li>
						<li class="listItem flex">
							<div class="itembox">
								<img src="img/xcxicon4.png" class="icon" />
								<div class="name">门槛低</div>
								<p class="pro">用户直接依托微信账户进入小程序，无需注册登录，便捷易得、操作顺畅</p>
							</div>
						</li>
						<li class="listItem flex">
							<div class="itembox">
								<img src="img/xcxicon5.png" class="icon" />
								<div class="name">功能丰富</div>
								<p class="pro">界面、内容、导航、数据、重力感应等强大的开放接口，产品功能更加丰富完善</p>
							</div>
						</li>
						<li class="listItem flex">
							<div class="itembox">
								<img src="img/xcxicon6.png" class="icon" />
								<div class="name">业务广泛</div>
								<p class="pro">连接更多的线下服务与线上用户，拓展业务场景，适合各类应用和服务需求</p>
							</div>
						</li>
					</ul>
				</div>
			</section>
			
			<section class="xcxMo2 pat36 overhidden">
				<div class="title animate">
					<h6 class="moduleTit">多样入口</h6>
				</div>
				<div class="box animateBox animate-up container">
					<ul class="list flex">
						<li class="listItem">
							<img src="img/xcxicon7.png" class="icon" />
							<div class="name">消息通知</div>
						</li>
						<li class="listItem">
							<img src="img/xcxicon8.png" class="icon" />
							<div class="name">微信群分享</div>
						</li>
						<li class="listItem">
							<img src="img/xcxicon9.png" class="icon" />
							<div class="name">线下扫码</div>
						</li>
						<li class="listItem">
							<img src="img/xcxicon10.png" class="icon" />
							<div class="name">附近小程序</div>
						</li>
						<li class="listItem">
							<img src="img/xcxicon11.png" class="icon" />
							<div class="name">附近搜索</div>
						</li>
						<li class="listItem">
							<img src="img/xcxicon12.png" class="icon" />
							<div class="name">微信推文</div>
						</li>
						<li class="listItem">
							<img src="img/xcxicon13.png" class="icon" />
							<div class="name">关联商家</div>
						</li>
						<li class="listItem">
							<img src="img/xcxicon14.png" class="icon" />
							<div class="name">好友推荐</div>
						</li>
					</ul>
				</div>
			</section>
			<section class="xcxMo3 pat36 whiteBg overhidden">
				<div class="title animate">
					<h6 class="moduleTit">市场优势</h6>
				</div>
				<div class="box animateBox animate-up container">
					<ul class="list">
						<li class="listItem">
							<img src="img/xcxicon15.png" class="icon" />
							<div class="textBox">
								<div class="name">高性价</div>
								<p class="pro">能更快速开发出跨平台的应用，无需多端开发；周期短有效节约成本</p>
							</div>
						</li>
						<li class="listItem">
							<img src="img/xcxicon16.png" class="icon" />
							<div class="textBox">
								<div class="name">高性能</div>
								<p class="pro">媲美原生APP的操作性能、强大的开放接口，给用户带来高效业务体验</p>
							</div>
						</li>
						<li class="listItem">
							<img src="img/xcxicon17.png" class="icon" />
							<div class="textBox">
								<div class="name">易推广</div>
								<p class="pro">多元化的小程序入口，依托微信平台的高信任度，用户更容易进入并主动推广</p>
							</div>
						</li>
						<li class="listItem">
							<img src="img/xcxicon18.png" class="icon" />
							<div class="textBox">
								<div class="name">见效快</div>
								<p class="pro">共享10亿用户流量红利、降低推广成本，更快更高效获取用户、完成业务</p>
							</div>
						</li>
					</ul>
				</div>
			</section>
			<section class="homeMo3 pat36 overhidden">
				<div class="title animate">
					<h6 class="moduleTit">部分案例</h6>
				</div>
				<div class="box animateBox animate-up caseSwi">
					<!-- Swiper -->
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<a href="" class="item">
									<div class="picBox">
										<img src="img/pic.jpg" class="objectCover" />
									</div>
									<div class="textBox transiton3s">
										<h6 class="name textOverflow">礼帽定制</h6>
										<p class="pro textOverflow">外卖、团购、酒店、KTV商家入驻餐饮平台</p>
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="" class="item">
									<div class="picBox">
										<img src="img/pic.jpg" class="objectCover" />
									</div>
									<div class="textBox transiton3s">
										<h6 class="name textOverflow">礼帽定制</h6>
										<p class="pro textOverflow">外卖、团购、酒店、KTV商家入驻餐饮平台</p>
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="" class="item">
									<div class="picBox">
										<img src="img/pic.jpg" class="objectCover" />
									</div>
									<div class="textBox transiton3s">
										<h6 class="name textOverflow">礼帽定制</h6>
										<p class="pro textOverflow">外卖、团购、酒店、KTV商家入驻餐饮平台</p>
									</div>
								</a>
							</div>
						</div>
					</div>	
				</div>
				<a href="" class="more">更多案例</a>
			</section>
			
		</main>
		<footer class="footer whiteBg">
			<div class="container">
				<h2 class="name">联系·正道</h2>
				<a href="tel:028-81475600" class="tel">028-8147 5600</a>
				<p class="tel2">产品经理直通：<a href="tel:15184335852">151-8433-5852</a></p>
				<div class="add"><span>成都市青羊区光华中心B座1205-1207室</br>（地铁四号线中坝站A口旁）</span></div>
				<div class="copyright">成都正道飞创科技有限公司 蜀ICP备18027005号</div>
			</div>
		</footer>
		<aside class="footerNav flex">
			<div class="item" id="formBtn">
				<img src="img/footericon2.png" class="icon" />
				<p class="name">快速报价</p>
			</div>
			<a class="item" href="tel:028-81475600">
				<img src="img/footericon3.png" class="icon" />
				<p class="name">电话咨询</p>
			</a>
			<a class="item" href="">
				<img src="img/footericon4.png" class="icon" />
				<p class="name">在线咨询</p>
			</a>
		</aside>
		<div class="formBox" id="formTc">
			<div class="flex flexBox">
				<div class="box">
					<form action="" method="" >
						<input type="text" class="phoneInput" id="mobile" placeholder="请输入手机号码"/>
					</form>
					<div class="clearfix">
						<div class="quitbtn btn" id="closeForm">取消</div>
						<div class="confirmbtn btn" id="subForm">提交</div>
					</div>
				</div>
			</div>
		</div>
		<div class="formBox" id="formSucTc">
			<div class="flex flexBox">
				<div class="box sucBox">
					<div class="textBox">
						<img src="img/formIcon.png" class="icon" />
						<p class="txt">我们会尽快与您联系</br>请保持电话畅通</p>
					</div>
					<div class="quitbtn btn" id="closeSucTc">知道了</div>
				</div>
			</div>
		</div>
		<!--jq-->
		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
		<!--弹窗-->
		<script type="text/javascript" src="js/layer/layer.js"></script>
		<!--图片滚动-->
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<!--main js-->
		<script type="text/javascript" src="js/zdfcm.js"></script>
	</body>
</html>
